@charset "utf-8";
/* CSS Document */
*{
	margin:0 auto;
	padding:0px;
}
body{
	margin:0 auto;
	padding:0px;
	font-size:14px;
	background:url(../images/bg.png);
}

.smile_photo button:hover{
	background:#999;
	border:1px solid #000;
}

#s_pic_button:hover{
	background:#999;
	border:1px solid #000;
}

input button:hover{
	background:#999;
	border:1px solid #000;
}

#smile_text_tu{
	background:url(../images/s_icon.png) no-repeat;
	background-position:-125px -100px;
	display: inline-block;
	width:25px;
	height:25px;
	position:absolute;
	left:10px;
	top:5px;
} 

#smile_text {
	float:left;
	position:absolute;
} 

#smile_file{ 
	display: block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:90px;  /*宽高和外围元素保持一致*/ 
	height:25px; 
	opacity: 0; 
	-moz-opacity: 0; /* 兼容老式浏览器 */ 
	filter: alpha(opacity=0); /* 兼容IE */ 
}

.smile_photo{
	margin-top:10px;
	width:900px;
	height:600px;
	background:#fff;
	margin-bottom:10px;
}

.smile_photo_way{
	width:100%;
	height:100px;
}

.smile_photo_way h4{
	margin-left:20px;
	padding-top:15px;
}

.smile_photo_way p{
	clear:both;
	margin-left:20px;
	padding-top:10px;
	font-size:12px;
	color:#999;
}

.smile_photo_way ul li{
	margin-top:13px;
	width:60px;
	height:25px;
	line-height:25px;
	float:left;
	margin-left:20px;
	margin-right:10px;
	position:relative;
	padding-left:30px;
	border:#999 solid 1px;
}

.smile_photo_way ul li:hover{
	cursor:pointer;
}

.smile_photo_way_tu1{
	left:8px;
	top:5px;
	width:20px;
	height:20px;
	display:inline-block;
	position:absolute;
	background:url(../images/s_icon.png) no-repeat left center;
	background-position:-125px -100px;
}

.smile_photo_file{
	opacity:0;
}

.smile_photo_way_tu2{
	left:8px;
	top:5px;
	width:20px;
	height:20px;
	display:inline-block;
	position:absolute;
	background:url(../images/s_icon.png) no-repeat left center;
	background-position:-125px -300px;
}


.smile_photo_way_local{
	margin-left:5px;
}

.smile_photo_way ul li:hover{
	background-color:#F60;
	color:#FFF;
}

/*---------------------------------------------------------*/

.smile_photo_upload{
	width:45%;
	height:350px;
	float:left;
}

.smile_photo_bg{
	margin-top:35px;
	width:302px;
	height:301px;
	background:url(../images/s_upload.png) no-repeat;
	
}

/*----------------------------------------------------------*/


.smile_photo_pic{
	width:54.5%;
	height:350px;
	float:left;
}

.smile_photo_pic1{
	width:50%;
	height:350px;
	float:left;
	margin-left:70px;
	border-left:1px solid #999;
	display:none;
}

.smile_photo_pic1 p{
	margin-top:10px;
	margin-left:50px;
}

#s_photo_button{
	width:80px;
	border:1px solid #999;
	margin-left:170px;
	cursor:pointer;
}

#s_pic_button{
	width:80px;
	border:1px solid #999;
	margin-left:120px;
	cursor:pointer;
}


.smile_photo_pcan{
	width:400px;
	height:265px;
	margin-left:450px;
	padding-top:15px;
}

#s_photo_canvas{
	margin-left:65px;
	margin-top:10px;
	margin-bottom:25px;
}

.smile_photo_pic p{
	margin-top:10px;
	margin-left:50px;
}


.simle_photo_can{
	margin-top:10px;
	width:85%;
	margin-left:50px;
	height:265px;
}

.simle_photo_video{
	float:left;
	width:301px;
	height:300px;
	margin-left:300px;
	display:none;
}
/*---------------------图片裁剪的样式------------------------------*/
.s_box{
	width:300px;
	height:202px;
	position:absolute;
	left:525px;
	top:220px;
}

.s_box img{
	position:absolute;
	z-index:1;
}

.img1{
	opacity:0.7;
}

.img2{
	clip:rect(0px,200px,200px,0px);
}

.s_main{
	position:absolute;
	z-index:2;
	width:200px !important;
	height:198px !important;
	border:1px solid #000;
	cursor: move;
}

.minDiv{
	height:8px;
	width:8px;
	background:#000;
	font-size:0;
	position:absolute;
	cursor:move;
}

.minDiv.left-up{
	top:-4px;left: -4px;cursor:nw-resize;
}
.minDiv.left{
	top:50%;margin-top:-4px;left: -4px;cursor:e-resize;
}
.minDiv.left-down{
	bottom:-4px;left: -4px;cursor:sw-resize;
}
.minDiv.top{
	top:-4px;left: 50%;margin-left:-4px;cursor:n-resize;
}
.minDiv.right-up{
	top:-4px;right: -4px;cursor:ne-resize;
}
.minDiv.right{
	top:50%;margin-top:-4px;right: -4px;cursor:e-resize;
}
.minDiv.right-down{
	bottom:-4px;right: -4px;cursor:se-resize;
}
.minDiv.bottom{
	bottom:-4px;left: 50%;margin-left:-4px;cursor:s-resize;
}

#smile_sdec{
	width:250px;
	height:25px;
}

#smile_input{
	margin-left: 50px;
}

#sinput_sname{
	width:250px;
	height:25px;
}

#sc_input{
	margin-top: 280px;
	margin-left: 260px;
}

#sp_sname{
	width:290px;
	height:25px;
}

#sp_sdec{
	width:290px;
	height:25px;
}

#scbutton{
	width:80px;
	border:1px solid #999;
	margin-left:200px;
	margin-top:100px;
	cursor:pointer;
}

#sphoto{
	display:none;
}

#scanvas{
	margin-left:550px;
	margin-top:40px;
	display:none;
}